@charset "utf-8";
/* CSS Document */

/*VARIALBES*/


@font-face {
	font-family: "Gothic";
	src: url(gothic.ttf);
	/*color:#7c0304; - DARK RED*/
	/*color:#8d0708; - HOVER RED*/
	/*color:#d7d7d7; - DARK GREY*/
}

.cursor-pointer {
	cursor:pointer;
}

.cursor-normal {
	cursor:default;
}

.position-relative {
	position:relative;
}

.float-left {
	float:left;
}
.float-right-back {
	float:right;
	margin-top:6px;
	margin-right:2px;
	cursor:pointer;
}
.bg-grey-light {
	background-color:#7c0304;
	color:#FFF;
}

.required-field {
	color:#F00;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

.required-field-blue {
	color:#00F;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

.hover-light {
	cursor:pointer;
	}

	.hover-light:hover td {
		background-color:#f9dddd;
	}
	
.font-red {
	color:#F00;
}

.font-small-label {
	color:#666;
	font-size:11px;
	font-style:italic;
}

.font-blue {
	color:#00F;
}

.font-green {
	color:#060;
}

.font-white {
	color:#FFF;
}

.font-grey {
	color:#666;
}

.font-strike {
	text-decoration:line-through;
}

.active-light td {
	background-color:#f9dddd;
}

.blue-link {
	color:#00F;
}
	.blue-link:hover {
		text-decoration:underline;
	}
	

.irregular-button {
	color:#060;
	font-size:10px;
	font-weight:bold;	
}
	.irregular-button:hover {
		text-decoration:underline;
}

.block-input-requisite {
	background-color:#CCC;
}
html, body {
	margin:0px;
	padding:0px;
	background:url(../../images/background-white.png) top no-repeat;
	background-color:#d7d7d7;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	height:100%;
}

.main-error-sorry {
	text-align:center;
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-weight:bold;
	margin-bottom:8px;
}

.main-error-sorry-content {
	text-align:center;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-weight:bold;
	margin-bottom:16px;
}

.main-error-sorry-button {
	text-align:center;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#00F;
	text-decoration:underline;
	cursor:pointer;
}

	.main-error-sorry-button:hover {
		color:#06F;
	}

.link-maps-label {
	border-bottom:1px dashed #999;
	padding-bottom:5px;
}
	.link-maps-label-a {
		text-decoration:none;
		color:#00F;
	}
		.link-maps-label-a:hover {
			text-decoration:underline;
		}
	
	.icon-button {
		position:relative;
	}
		.delete-button {
			background:#FFF;
			position: relative;
			-moz-border-radius:    3px;
			-webkit-border-radius: 3px;
			border-radius:         3px;
			position:absolute;
			top:-8px;
			left:48px;
			padding:6px 8px 6px 8px;
			border:1px solid #999;
			display:none;
			-webkit-box-shadow: 0 0 5px 0 #000;
			-moz-box-shadow: 0 0 5px 0 #000;
			box-shadow: 0 0 5px 0 #000;
			z-index:500;
		}
			.delete-button:before  {
				content:"";
				position: absolute;
				left: -7px;
				top: 7px;
				width: 0px;
				height: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-right: 7px solid #FFF;
			}
		
		.delete-button-near-img {
			background:#FFF;
			position: relative;
			-moz-border-radius:    3px;
			-webkit-border-radius: 3px;
			border-radius:         3px;
			position:absolute;
			top:-8px;
			left:18px;
			padding:6px 8px 6px 8px;
			border:1px solid #999;
			display:none;
			-webkit-box-shadow: 0 0 5px 0 #000;
			-moz-box-shadow: 0 0 5px 0 #000;
			box-shadow: 0 0 5px 0 #000;
			z-index:500;
		}
			.delete-button-near-img:before  {
				content:"";
				position: absolute;
				left: -7px;
				top: 7px;
				width: 0px;
				height: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-right: 7px solid #FFF;
			}
			
		.schedule-button-near-img {
			position: relative;
			-moz-border-radius:    3px;
			-webkit-border-radius: 3px;
			border-radius:         3px;
			position:absolute;
			top:-8px;
			left:36px;
			width:350px;
			padding:6px 8px 6px 8px;
			border:1px solid #999;
			display:none;
			background-color:#f9dddd;
			-webkit-box-shadow: 0 0 5px 0 #000;
			-moz-box-shadow: 0 0 5px 0 #000;
			box-shadow: 0 0 5px 0 #000;
			z-index:500;
		}
			.schedule-button-near-img:before  {
				content:"";
				position: absolute;
				left: -7px;
				top: 7px;
				width: 0px;
				height: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-right: 7px solid #f9dddd;
			}
			
				.border-right-schedule {
					border-right:1px dashed #999;
				}
			.schedule-close {
				position:absolute;
				right:-7px;
				top:-7px;
			}
		.delete-button-right {
			background:#FFF;
			position: relative;
			-moz-border-radius:    3px;
			-webkit-border-radius: 3px;
			border-radius:         3px;
			position:absolute;
			top:-10px;
			right:28px;
			padding:6px 8px 6px 8px;
			border:1px solid #999;
			display:none;
			-webkit-box-shadow: 0 0 5px 0 #000;
			-moz-box-shadow: 0 0 5px 0 #000;
			box-shadow: 0 0 5px 0 #000;
			z-index:500;
		}
			.delete-button-right:before  {
				content:"";
				position: absolute;
				right: -7px;
				top: 7px;
				width: 0px;
				height: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-left: 7px solid #FFF;
			}
			
				.delete-label {
					float:left;
					margin-right:8px;
					border:1px silod #000;
					padding:2px 0 2px 0;
				}
			
				.delete-yes-no {
					float:left;
					padding:2px 5px 2px 5px;
					-moz-border-radius:    2px;
					-webkit-border-radius: 2px;
					border-radius:         2px;
					background-color:#dc1214;
					margin-left:6px;
					border:1px silod #000;
					color:#FFF;
				}
			
					.delete-yes-no:hover {
						background-color:#8d0708;
					}

/* RED TOP */
.top-header {
	position:fixed;
	left:-1px;
	top:-1px;
	width:100%;
	background-color:#7c0304;
	color:#d47a7a;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	height:37px;
	border-bottom:1px solid #4d0304;
	z-index:2000;
}
	.top-header-width {
		margin:0;
		padding:0;
		position:relative;
		margin:auto;
		width:1000px;
	}
		.top-header-name-logo {
			margin:0;
			padding:0;
			vertical-align:middle;
			float:left;
			position:relative;
			cursor:pointer;
		}
			.top-header-name-logo:hover {
				background-color:#8d0708;
			}
			.top-header-logo {
				background-image:url(../../images/top-logo.png);
				background-repeat:no-repeat;
				height:38px;
				width:72px;
				float:left;
			}
			.top-header-name {
				height:24px;
				width:92px;
				font-family:"Times New Roman", Times, serif;
				text-indent:5px;
				margin-top:6px;
				color:#FFF;
				font-size:23px;
				font-weight:bold;
				text-align:left;
				float:left;
			}
			
		.top-header-menu {
			margin:0;
			padding:0;
			float:right;
			height:38px;
			position:relative;
		}
			.top-ul-menu-button {
				padding:0;
				margin:0;
				list-style:none;
				position:relative;
				color:#fec8c9;
				font:Verdana, Geneva, sans-serif;
				font-size:13px;
				font-weight:bolder;
			}	
				.top-li-menu-button {
					float:left;
					padding-top:8px;
					height:30px;
					cursor:pointer;
				}
					.top-li-menu-button:hover {
						background-color:#8d0708;
					}
					
				.top-li-menu-button-settings {
					float:left;
					padding-top:8px;
					height:30px;
					cursor:pointer;
					position:relative;
				}
					.top-li-menu-button-settings:hover {
						background-color:#8d0708;
					}
					
					.mouseover-settings-block {
						top:0;
						left:0;
						position:fixed;
						width:100%;
						height:100%;
						cursor:default;
					}
					
					.mouseover-settings {
						width: 150px;
						background:#FFF;
						position: relative;
						-moz-border-radius:    3px;
						-webkit-border-radius: 3px;
						border-radius:         3px;
						position:absolute;
						top:27px;
						right:0;
						border:1px solid #999;
						display:none;
					}
						.mouseover-settings:before {
							content:"";
							position: absolute;
							right: 9px;
							top: -7px;
							width: 0px;
							height: 0;
							border-left: 8px solid transparent;
							border-bottom: 8px solid #FFF;
							border-right: 8px solid transparent;
						}
							.top-ul-settings {
								padding:3px;
								margin-top:4px;
								list-style:none;
								position:relative;
								color:#000;
								font-size:12px;
								font-weight:normal;
								text-align:left;
							}
								.top-li-settings {
									cursor:pointer;
									padding:3px;
								}
									.top-li-settings:hover {
										background-color:#8d0708;
										color:#FFF;
									}
									
								.top-li-settings-break {
									border-top:1px solid #666;
									margin-top:2px;
									margin-bottom:2px;
								}
								.top-li-settings-label {
									color:#666;
									font-size:11px;
									margin-left:2px;
								}
				
				
				.top-header-menu-user {
					float:left;
					position:relative;
				}
					.top-header-menu-picture {
						height:24px;
						margin-left:10px;
						float:left;
					}
					.top-header-menu-name {
						float:left;
						padding-right:10px;
						margin-left:4px;
						margin-top:4px;
					}
				.top-header-menu-home {
					float:left;
					padding-left:10px;
					padding-right:10px;
					margin-top:4px;
				}
				
				.top-header-menu-logout {
					float:left;
					margin-top:4px;
					padding-left:10px;
					padding-right:10px;
					position:relative;
				}
	.top-hide-header {
		margin:0;
		padding:0;
		height:45px;
	}
	.top-account-header {
		margin:auto;
		margin-bottom:10px;
		font-family:"Gothic", Geneva, sans-serif;
		font-size:18px;
		width:980px;
		padding:10px;
		text-align:center;
		border:1px solid #7c0304;
	}
	
	.tr-header {
		
	}
	
		.td-label {
			padding:5px 3px 5px 3px;
			color:#333;
			font-weight:bold;
			font-family:Verdana, Geneva, sans-serif;
			font-size:13px;
			border-bottom:3px double #DDD;
		}
		
		.td-record {
			padding:3px 2px 3px 2px;
			color:#222;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			border-bottom:1px solid #EEE;
			height:14px;
		}
			.td-grey {
				background-color:#f8f8f8;
			}
	
	.note-description {
		position:relative;
		padding:5px 5px 5px 20px;
		border:1px dashed #DDD;
		color:#00F;
	}
	
	/* SERACH DEAN REG */
	
		.search-image-design-grades {
			position:relative;
			margin-top:5px;
			margin-bottom:15px;
			padding-bottom:15px;
			margin-left:10px;
			border-bottom:1px solid #DDD;
		}
			
	/* SEARCH DESIGN */
			
			.search-image-design {
				position:relative;
				margin-top:5px;
				margin-bottom:15px;
				height:35px;
				border-bottom:1px solid #DDD;
			}
			
				.search-image-design-label {
					font-size:15px;
					font-family:"Gothic", Geneva, sans-serif;
					color:#333;
					float:left;
					padding-right:12px;
					margin-top:5px;
				}
				
				.search-image-design-other {
					height:32px;
					width:230px;
					float:left;
					position:relative;
				}
					
					.search-image-design-other-label {
						margin-top:8px;
						height:32px;
						width:50px;
						float:left;
					}
					
					.search-image-design-other-colon {
						text-align:center;
						margin-top:8px;
						height:32px;
						width:20px;
						float:left;
					}
					
					.search-image-design-other-selector {
						margin-top:1px;
						height:32px;
						width:155px;
						float:left;
					}
						.search-image-design-other-selector-select {
							border:1px solid #CCC;
							padding:5px 5px 4px 5px;
							font-size:12px;
							width:150px;
							-webkit-border-radius:3px;
							-moz-border-radius:3px;
							border-radius:3px;
							margin-right:5px;
						}
				
				.search-image-design-first {
					background-image:url(../../images/search-first.png);
					background-repeat:no-repeat;
					height:32px;
					width:38px;
					float:left;
				}
				
				.search-image-design-middle {
					background-image:url(../../images/search-middle.png);
					background-repeat:repeat-x;
					height:32px;
					float:left;
				}
					.text-search {
						border-color:transparent;
						background-color:#deebf1;
						font-size:13px;
						width:250px;
						padding:3px 0 3px 0;
						font-family:Verdana, Geneva, sans-serif;
						margin-top:3px;
					}
					
				.search-image-design-end {
					background-image:url(../../images/search-end.png);
					background-repeat:no-repeat;
					height:32px;
					width:76px;
					float:left;
					cursor:pointer;
				}
				
				.search-image-design-results {
					font-size:13px;
					font-family:"Gothic", Geneva, sans-serif;
					float:left;
					margin-top:8px;
					margin-left:8px;
					color:#444;
				}
					
				.registration-button {
					color:#FFF;
					font-size:12px;
					padding:4px 10px 4px 10px;
					float:right;
					cursor:pointer;
					border:1px solid #a50a0a;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					border-radius:4px;
					background:#a50a0a;
					background: -moz-linear-gradient(top,  #dc1214 0%, #a50a0a 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc1214), color-stop(100%,#a50a0a));
					background: -webkit-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
					background: -o-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
					background: -ms-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
					background: linear-gradient(top,  #dc1214 0%,#a50a0a 100%);	
				}
				.registration-button:hover {
					background:#dc1214;
				}
					
					.scheduling-button {
						margin-right:7px;
						color:#FFF;
						font-size:12px;
						padding:4px 10px 4px 10px;
						float:right;
						cursor:pointer;
						border:1px solid #3b8405;
						-moz-border-radius:4px;
						-webkit-border-radius:4px;
						border-radius:4px;
						background:#3b8405;
						background: -moz-linear-gradient(top,  #71cf2c 0%, #3b8405 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71cf2c), color-stop(100%,#3b8405));
						background: -webkit-linear-gradient(top,  #71cf2c 0%,#3b8405 100%);
						background: -o-linear-gradient(top,  #71cf2c 0%,#3b8405 100%);
						background: -ms-linear-gradient(top,  #71cf2c 0%,#3b8405 100%);
						background: linear-gradient(top,  #71cf2c 0%,#3b8405 100%);	
					}
					.scheduling-button:hover {
						background:#71cf2c;
					}
	
	/* MAIN */
	.main-content {
		margin:0;
		padding:0;
		position:relative;
		margin:auto;
		width:980px;
		border:1px solid #7c0304;
		background-color:#FFF;
		padding:10px;
	}
		/* - SUB-MENU - */
		.page-sub-menu {
			-moz-border-radius:3px 3px 0 0;
			-webkit-border-radius:3px 3px 0 0;
			border-radius:3px 3px 0 0;
			border:1px solid #8d0708;
			width:210px;
		}
		.page-sub-menu-label {
			padding:3px;
			height:24px;
			position:relative;
			background:#a50a0a;
			background: -moz-linear-gradient(top,  #dc1214 0%, #a50a0a 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc1214), color-stop(100%,#a50a0a));
			background: -webkit-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
			background: -o-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
			background: -ms-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
			background: linear-gradient(top,  #dc1214 0%,#a50a0a 100%);	
		}
			.page-sub-menu-label-img {
				float:left;
			}
			.page-sub-menu-label-lbl {
				float:left;
				margin-left:5px;
				margin-top:2px;
				font-family:Verdana, Geneva, sans-serif;
				font-size:17px;
				font-weight:bold;
				color:#FFF;
			}
			
			.ul-sub-menu {
				list-style:none;
				margin:0;
				padding:0;
				position:relative;
			}
				.li-sub-menu {
					width:210px;
					border-top:1px solid #8d0708;
				}
				.a-sub-menu {
					padding:5px 2px 5px 2px;
					text-decoration:none;
					background-color:#f4f4f4;
					color:#222;
					font-size:12px;
					font-weight:bold;
					margin:2px 0 2px 0;
					/*-moz-border-radius:2px;
					-webkit-border-radius:2px;
					border-radius:2px;
					border:1px solid #8d0708;*/
					text-indent:5px;
					width:206px;
					position:relative;
				}
					.a-sub-menu:hover {
						background-color:#bdc5d5;
						color:#FFF;
					}
					.li-sub-menu, .a-sub-menu {
						float:left;
					}
		.page-sub-content {
			margin:0;
			padding:5px;
			width:750px;
			border:1px solid #8d0708;
			position:relative;
		}
		.page-sub-sched {
			margin:0;
			padding:5px;
			width:750px;
			position:relative;
		}
	
	/* PAGINATION */

	.pagination-button {
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		cursor:pointer;
		font-size:11px;
		
		padding:3px 8px 3px 8px;
		-moz-border-radius:    2px;
		-webkit-border-radius: 2px;
		border-radius:         2px;
		background-color:#dc1214;
		margin-left:6px;
		border:1px silod #000;
		color:#FFF;
	}
		.pagination-button:hover {
			background-color:#8d0708;
		}
			.pagination-grey {
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				font-size:11px;
				padding:3px 8px 3px 8px;
				-moz-border-radius:    2px;
				-webkit-border-radius: 2px;
				border-radius:         2px;
				margin-left:6px;
				border:1px silod #000;
				color:#FFF;
				background-color:#999;
			}
	
	.pagination-label {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		font-weight:bold;
	}
	
	/* MAIN LABEL */
	.ann-top-label {
		padding:5px 3px 5px 3px;
		margin-bottom:5px;
		color:#222;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		border-bottom:3px double #DDD;
	}
	
	/* Login Footer */
		.login-footer {
			font-family:"Gothic", Geneva, sans-serif;
			font-size:13px;
			color:#7c0304;
			margin:auto;
			width:450px;
			text-align:center;
			margin-top:20px;
			margin-bottom:10px;
		}
			.login-footer-is {
				font-size:13px;
				border-top:1px solid #bab9b9;
			}
			.login-footer-copy {
				font-size:13px;
			}

	
	.checklist-header {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#222;
		width:750px;
		margin:auto;
		margin-top:6px;
		margin-bottom:10px;
		text-align:center;
	}
		.checklist-header-line {
			border:1px solid #CCC;
			margin-bottom:10px;
		}
		
		.checklist-label {
			color:#222;
		}
		
		.checklist-course {
			margin-top:3px;
			border:1px solid #CCC;
			width:350px;
			padding:3px;
			font-size:12px;
			color:#222;
		}
			.checklist-course-option {
				color:#222;
			}
			
		.checklist-based {
			position:relative;
			padding-top:5px;
			width:315px;
			height:23px;
			margin:auto;
			color:#222;
		}
			.checklist-based-word {
				float:left;
				font-weight:bold;
				margin-top:3px;
			}
			.checklist-based-input-div {
				float:left;
			}
			.checklist-based-input {
				margin-left:8px;
				float:left;
				border:1px solid #000;
				width:230px;
				padding:3px;
				font-size:12px;
				color:#00F;
				font-weight:bold;
			}
			
		.checklist-year {
			position:relative;
			padding-top:5px;
			width:420px;
			height:23px;
			margin:auto;
			color:#222;
		}
			.checklist-year-word {
				float:left;
				font-weight:bold;
				margin-top:3px;
			}
			.checklist-year-input-div {
				float:left;
			}
			.checklist-year-input {
				margin-right:8px;
				margin-left:8px;
				float:left;
				argin-top:3px;
				border:1px solid #000;
				width:75px;
				padding:3px;
				font-size:12px;
				color:#00F;
				font-weight:bold;
			}
		.print-preview-class {
			width:110px;
			text-align:center;
			margin:auto;
			padding-bottom:4px;
		}
		
		
/* -- SCHEDULE -- */

.schedule-table {
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}

	.schedule-label {
		border-top:1px solid #333;
		border-bottom:1px solid #333;
		text-align:center;
		font-family:"Times New Roman", Times, serif;
		font-size:16px;
		font-weight:bold;
		color:#00F;
	}
		.schedule-label-right {
			border-right:1px solid #333;
		}
		
	.schedule-label-time {
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
		border-bottom:1px solid #CCC;
	}
	
	.schedule-time {
		border-bottom:1px solid #CCC;
		font-family:Arial, Times, serif;
		font-size:11px;
	}
		.schedule-time-right {
			border-right:1px solid #CCC;
		}
			.schedule-generate {
				border:1px solid #FFF;
				width:63px;
				-moz-border-radius:    3px;
				-webkit-border-radius: 3px;
				border-radius:         3px;
				padding-top:8px;
				padding-bottom:8px;
				color:#FFF;
				font-size:10px;
				cursor:pointer;
				-webkit-box-shadow: 0 0 5px 0 #999;
				-moz-box-shadow: 0 0 5px 0 #999;
				box-shadow: 0 0 5px 0 #999;
				background-color:#060;
			}
			
			.schedule-active-value {
				border:1px solid #FFF;
				width:60px;
				-moz-border-radius:    3px;
				-webkit-border-radius: 3px;
				border-radius:         3px;
				padding-top:5px;
				padding-bottom:5px;
				color:#FFF;
				font-size:10px;
				cursor:pointer;
				-webkit-box-shadow: 0 0 5px 0 #999;
				-moz-box-shadow: 0 0 5px 0 #999;
				box-shadow: 0 0 5px 0 #999;
				background-color:#FFF;
				position:absolute;
				top:20%;
				left:20%;
				background-color:#F00;
			}
			
			.schedule-active-value-set {
				background-color:#00F;
			}
			
			.schedule-active-value-irregular {
				border:1px solid #FFF;
				width:82px;
				height:48px;
				-moz-border-radius:    3px;
				-webkit-border-radius: 3px;
				border-radius:         3px;
				padding-top:5px;
				padding-bottom:5px;
				font-weight:bold;
				-webkit-box-shadow: 0 0 5px 0 #999;
				-moz-box-shadow: 0 0 5px 0 #999;
				box-shadow: 0 0 5px 0 #999;
				position:absolute;
				top:-3%;
				left:10%;
				background-color:#060;
				opacity:0.3;
				filter:alpha(opacity=3); /* For IE8 and earlier */
				-moz-opacity:0.3;
			}
			
				.schedule-active-value-irregular-deactivate {
					border:1px solid #FFF;
					width:82px;
					height:48px;
					-moz-border-radius:    3px;
					-webkit-border-radius: 3px;
					border-radius:         3px;
					padding-top:5px;
					padding-bottom:5px;
					font-weight:bold;
					-webkit-box-shadow: 0 0 5px 0 #999;
					-moz-box-shadow: 0 0 5px 0 #999;
					box-shadow: 0 0 5px 0 #999;
					position:absolute;
					top:-3%;
					left:10%;
					background-color:transparent #999;
					
				}

